﻿<style>
	.nodes {
		margin-bottom: 20px;
		overflow: hidden;
		padding: 5px;
	}

		.nodes .node {
			line-height: 1.5em;
			border-bottom: 1px solid #ccc;
			float: left;
			display: inline;
			width: 275px;
			height: 60px;
			border: 1px solid #ccc;
			margin-left: 3px;
			margin-bottom: 3px;
			padding: 3px;
		}

	.cores {
		width: 32px;
		height: 40px;
		float: left;
		padding: 5px;
	}

	.machinename {
		color: #428bca;
		text-decoration: none;
		font-size: 18px;
		line-height: 20px;
		float: left;
		margin-top: 4px;
		width: 157px;
	}

	.memory {
	}

	.processor {
	}
</style>
<div class="nodelist">
	<div class="panel panel-default">
		<div class="panel-heading">
			<i class="fa fa-bar-chart-o fa-fw"></i> Node list
			<div class="pull-right">
				<div class="btn-group">
					<button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
						Actions
						<span class="caret"></span>
					</button>
					<ul class="dropdown-menu pull-right" role="menu">
						<li>
							<a href="#">Action</a>
						</li>
						<li>
							<a href="#">Another action</a>
						</li>
						<li>
							<a href="#">Something else here</a>
						</li>
						<li class="divider"></li>
						<li>
							<a href="#">Separated link</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<ul class="nodes">
			<li class="node">
				<h4 class="fa fa-cogs cores">4</h4>
				<h3 class="fa fa-comments fa-1x machinename">LAPGBA</h3>
				<span class="fa fa-pause fa-1x pause"></span>
				<span class="fa fa-play fa-1x play"></span>
				<span class="fa fa-tasks fa-1x counter processor"></span>
				<span class="counter memory"></span>
			</li>
			<li class="node">
				<h4 class="fa fa-cogs cores">4</h4>
				<h3 class="fa fa-comments fa-1x machinename">LAPGBA</h3>
				<span class="fa fa-pause fa-1x pause"></span>
				<span class="fa fa-play fa-1x play"></span>
				<span class="fa fa-tasks fa-1x counter processor"></span>
				<span class="counter memory"></span>
			</li>
			<li class="node">
				<h4 class="fa fa-cogs cores">4</h4>
				<h3 class="fa fa-comments fa-1x machinename">LAPGBA</h3>
				<span class="fa fa-pause fa-1x pause"></span>
				<span class="fa fa-play fa-1x play"></span>
				<span class="fa fa-tasks fa-1x counter processor"></span>
				<span class="counter memory"></span>
			</li>
			<li class="node">
				<h4 class="fa fa-cogs cores">4</h4>
				<h3 class="fa fa-comments fa-1x machinename">LAPGBA</h3>
				<span class="fa fa-pause fa-1x pause"></span>
				<span class="fa fa-play fa-1x play"></span>
				<span class="fa fa-tasks fa-1x counter processor"></span>
				<span class="counter memory"></span>
			</li>
			<li class="node">
				<h4 class="fa fa-cogs cores">4</h4>
				<h3 class="fa fa-comments fa-1x machinename">LAPGBA</h3>
				<span class="fa fa-pause fa-1x pause"></span>
				<span class="fa fa-play fa-1x play"></span>
				<span class="fa fa-tasks fa-1x counter processor"></span>
				<span class="counter memory"></span>
			</li>
		</ul>
	</div>
</div>
